@import './styles/animate.css';

i.xyd-money{
  display: inline-block;
  background-image: url('./assets/index_images/money.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 16px;
  width: 16px;
  height: 16px;
}
i.xyd-wechat{
  display: inline-block;
  background-image: url('./assets/index_images/wechat.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 18px;
  width: 18px;
  height: 16px;
}
i.xyd-home{
  display: inline-block;
  background-image: url('./assets/common_images/homepage.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 16px;
  width: 17px;
  height: 17px;
}
i.xyd-home_a{
  display: inline-block;
  background-image: url('./assets/common_images/homepage_a.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 16px;
  width: 17px;
  height: 17px;
}
i.xyd-history{
  display: inline-block;
  background-image: url('./assets/common_images/history.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 16px;
  width: 17px;
  height: 17px;
}
i.xyd-history_a{
  display: inline-block;
  background-image: url('./assets/common_images/history_a.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 16px;
  width: 17px;
  height: 17px;
}
i.xyd-collection{
  display: inline-block;
  background-image: url('./assets/common_images/collection.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 16px;
  width: 17px;
  height: 17px;
}
i.xyd-download{
  display: inline-block;
  background-image: url('./assets/common_images/download.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 16px;
  width: 16px;
  height: 16px;
}
i.xyd-play{
  display: inline-block;
  background-image: url('./assets/common_images/play.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 16px;
  width: 17px;
  height: 19px;
}
i.xyd-play_a{
  display: inline-block;
  background-image: url('./assets/common_images/play_a.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 16px;
  width: 17px;
  height: 19px;
}
i.xyd-collection2{
  display: inline-block;
  background-image: url('./assets/common_images/collection2.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 16px;
  width: 17px;
  height: 17px;
  &:hover{
    background-image: url('./assets/common_images/collection_a.png');
  }
}
i.xyd-collection_a{
  display: inline-block;
  background-image: url('./assets/common_images/collection_a.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 16px;
  width: 17px;
  height: 17px;
}
i.xyd-download2{
  display: inline-block;
  background-image: url('./assets/common_images/download2.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 16px;
  width: 16px;
  height: 16px;
  &:hover{
    background-image: url('./assets/common_images/download_a.png');
  }
}
i.xyd-download_a{
  display: inline-block;
  background-image: url('./assets/common_images/download_a.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 16px;
  width: 16px;
  height: 16px;
}
i.xyd-player2{
  display: inline-block;
  background-image: url('./assets/common_images/player.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 16px;
  width: 16px;
  height: 18px;
  &:hover{
    background-image: url('./assets/common_images/player_a.png');
  }
}
i.xyd-preview2{
  display: inline-block;
  background-image: url('./assets/common_images/preview2.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 16px;
  width: 16px;
  height: 18px;
  &:hover{
    background-image: url('./assets/common_images/preview_a.png');
  }
}
i.xyd-share2{
  display: inline-block;
  background-image: url('./assets/common_images/share2.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 16px;
  width: 16px;
  height: 16px;
  &:hover{
    background-image: url('./assets/common_images/share_a.png');
  }
}
i.xyd-clear{
  display: inline-block;
  background-image: url('./assets/common_images/clear.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 16px;
  width: 16px;
  height: 20px;
}
i.xyd-medal{
  display: inline-block;
  background-image: url('./assets/common_images/medal.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 40px;
  width: 40px;
  height: 40px;
}
i.xyd-grade{
  display: inline-block;
  background-image: url('./assets/common_images/grade.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 40px;
  width: 40px;
  height: 40px;
}